<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/HeaderAll.css">
    <link rel="stylesheet" href="./font_2884414_o0pjv0om3zi/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div id="top">
        <div class="container top">
            <div class="l top-l">
                <a href="javascript:;">
                    <p class="l">Hi, 欢迎来到洋码头!</p>
                </a>
                <a href="javascript:;"><span>我是买手</span></a>
            </div>
            <div class="r top-r">
                <ul>
                    <li><a href="http://localhost/object/login.html" id="header-login" class="header-login">登录</a></li>
                    <li><a href="http://localhost/object/register.html" id="header-zhuce" class="header-zhuce">注册</a></li>
                    <li><a href="javascript:;" class="header-char">购物车</a></li>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li><a href="javascript:;">个人中心</a></li>
                    <li><a href="javascript:;">规则&公告</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div id="nav">
        <div class="nav container">
            <div class="nav-top">
                <span>公告提醒:</span>
                <a href="javascript:;">
                    为了您能更好的在洋码头平台选购境外物品，请您在选购商品前认真了解国家跨境相关法律法规，您可直接点击此处跳转至“帮助与客服”了
                </a>
            </div>


            <div class="nav-body">
                <div class="logo l">
                    <a href="javascript"></a>
                </div>
                <div class="input-search l">
                    <input class="input-search-input" type="text" placeholder="搜索您想要的商品">
                    <button class="iconfont" style="color:white;font-size:25px">&#xe65b;</button>
                    <ul class="input-search-ul"></ul>
                </div>
                <div class="ydapp r">
                    <a href="javascript:;">
                        <img src="./H-images/erweima.png" alt="">
                    </a>
                </div>
            </div>


            <div class="nav-footer">
                <ul>
                    <li><a href="javascript:;" style="color:#c33  ">首页</a></li>
                    <li><a href="javascript:;">今日限时抢</a></li>
                    <li><a href="javascript:;">洋货集</a></li>
                    <li class="nav-fenye"><a href="javascript:;" class="iconfont">分类&#xe65e;</a>
                        <ul class="fenye">
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>护肤</h3>
                                        <span>></span>
                                        <p>面膜 水乳 防晒隔离</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header1.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>彩妆</h3>
                                        <span>></span>
                                        <p>口红 气垫 香水</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header2.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>品牌箱包</h3>
                                        <span>></span>
                                        <p>单肩包 双肩包 Coach LV</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header3.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>鞋履</h3>
                                        <span>></span>
                                        <p>凉鞋 单鞋 Adias</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header4.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>女士穿搭</h3>
                                        <span>></span>
                                        <p>连衣裙 T桖 衬衫</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header5.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>男士护肤</h3>
                                        <span>></span>
                                        <p>发胶 剃须 止汗</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header6.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>内衣</h3>
                                        <span>></span>
                                        <p>文胸 CK 维密</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header7.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>品质男装</h3>
                                        <span>></span>
                                        <p>Polo 衬衫 豆豆鞋</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header8.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>运动</h3>
                                        <span>></span>
                                        <p>运动鞋 Puma Nike</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header9.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>钟表配饰</h3>
                                        <span>></span>
                                        <p>项链 墨镜 潘多拉</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header10.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>居家</h3>
                                        <span>></span>
                                        <p>滤水壶 乳胶枕 保温杯</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header11.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>食品保健</h3>
                                        <span>></span>
                                        <p>保健 葡萄酒 减肥排油</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header12.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>母婴</h3>
                                        <span>></span>
                                        <p>纸尿裤 奶粉 安全座椅</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header13.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="l">
                                        <h3>数码家电</h3>
                                        <span>></span>
                                        <p>洁面仪 电吹风 Beats</p>
                                    </div>
                                    <div class="r">
                                        <img src="./H-images/header14.png" alt="">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <h4>更多</h4>
                                    <h5>More</h5>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="./js/HeaderAll.js"></script>
    <script src="./js/cookie.js"></script>
</body>

</html>